<!DOCTYPE html>
<!-- saved from url=(0051)https://www.cnblogs.com/kevinJhuang/p/10809120.html -->
<html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="origin">
    <meta property="og:description" content="一、事件背景： 我最近开源了一个个人耗时半年打造的富文本及一套适用于web后台的ui框架，在gitee上受到网友们的关注，部分网友对我采用jquery的技术栈提出了质疑。总结起来：无非是jquery已">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园</title>
    
    <link rel="stylesheet" href="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/blog-common.min.css">
    <link id="MainCss" rel="stylesheet" href="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/bundle-red_autumnal_leaves.min.css">
    
    <link id="mobile-style" media="only screen and (max-width: 767px)" type="text/css" rel="stylesheet" href="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/bundle-red_autumnal_leaves-mobile.min.css">
    
    <link type="application/rss+xml" rel="alternate" href="https://www.cnblogs.com/kevinJhuang/rss">
    <link type="application/rsd+xml" rel="EditURI" href="https://www.cnblogs.com/kevinJhuang/rsd.xml">
    <link type="application/wlwmanifest+xml" rel="wlwmanifest" href="https://www.cnblogs.com/kevinJhuang/wlwmanifest.xml">
    <script src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/amp4ads-host-v0.js"></script><script src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/pubads_impl_rendering_2020020602.js"></script><script async="" src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/analytics.js"></script><script src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/jquery-2.2.0.min.js"></script>
    <script src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/blog-common.min.js"></script>
    <script>
        var currentBlogId = 319225;
        var currentBlogApp = 'kevinJhuang';
        var cb_enable_mathjax = false;
        var isLogined = false;
    </script>
    
    
    
<link rel="preload" href="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/integrator.js" as="script"><script type="text/javascript" src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/integrator.js"></script><link rel="preload" href="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/integrator(1).js" as="script"><script type="text/javascript" src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/integrator(1).js"></script><script src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/pubads_impl_2020020602.js" async=""></script></head>
<body>
    <a name="top"></a>
    <div id="page_begin_html">
        <div style="position: absolute; top: 40px; left: 300px; z-index: 999999">
<div id="k_0418032176GEUASAVRCR" class="_section_div_" style="line-height: 25.2px; font-size: 14px; padding: 0px; border: none; margin: 0px; text-align: left; cursor: text; width: auto; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px"><span class="" style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); font-weight: bold" id="k_04180439358LHTBBJWEH">​</span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); background: none" id="k_0418043936YSOGGDNAPT">​<img class="_emotion_" id="k_0418043936CEWG7O1OMT" src="" style="width: 15px; height: 15px; margin-left: 1px; margin-right: 1px">​</span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); font-weight: bold" id="k_04180439366VKN8B2BWZ">​</span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); font-weight: bold" id="k_0418043935TDDNMNZTUA">我的目标：</span></div>
<div id="k_04180335311NG3F5L67T" class="_section_div_" style="line-height: 25.2px; font-size: 14px; padding: 0px; border: none; margin: 0px; text-align: left; cursor: text; width: auto; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px"><span class="" style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); background: none" id="k_04180418777YWEC3D8WC">​<img class="_emotion_" id="k_0418041877BQON214RNR" src="" style="width: 15px; height: 15px; margin-left: 1px; margin-right: 1px">​</span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">打造全网最好用的富文本编辑器</span></div>
<div id="k_0418045975ACFA95ZGDM" class="_section_div_" style="line-height: 25.2px; font-size: 14px; padding: 0px; border: none; margin: 0px; text-align: left; cursor: text; width: auto; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px"><span class="" style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); background: none" id="k_0418045975Q9ZONKKBPD">​<img class="_emotion_" id="k_0418045975C4NV85VD88" src="" style="width: 15px; height: 15px; margin-left: 1px; margin-right: 1px">​</span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">打造一个强大的流程设计器</span></div>
<div id="k_04180459592K7AXV7EJR" class="_section_div_" style="line-height: 25.2px; font-size: 14px; padding: 0px; border: none; margin: 0px; text-align: left; cursor: text; width: auto; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px"><span class="" style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); background: none" id="k_041806228521YUM45L8G">​<img class="_emotion_" id="k_0418062285IX25UGDUQL" src="" style="width: 15px; height: 15px; margin-left: 1px; margin-right: 1px">​</span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">欢迎访问我的开源项目：&nbsp; &nbsp; &nbsp; </span><span class="" style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(247, 0, 86); font-weight: bold" id="k_0418054633E6E4G432VR">&nbsp;&nbsp;</span><span class="" style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(247, 0, 86); font-weight: bold" id="k_0418053206RCMOF4US2S"><a target="_blank" href="https://gitee.com/kevin-huang" id="k_0418053206SNTA91DK3S" style="text-decoration: underline; font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(247, 0, 86); font-weight: bold">https://gitee.com/kevin-huang</a></span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(247, 0, 86); font-weight: bold" id="k_0418053208M7E4VRUQ9C" class="">​</span></div>
<div id="k_0418045957WB4W3777HD" class="_section_div_" style="line-height: 25.2px; font-size: 14px; padding: 0px; border: none; margin: 0px; text-align: left; cursor: text; width: auto; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px"><span class="" style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); background: none" id="k_04180633726DBFQLWRFC">​<img class="_emotion_" id="k_0418063372MCYSEA7OA8" src="" style="width: 19px; height: 19px; margin-left: 1px; margin-right: 1px">​</span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">欢迎访问我项目demo：&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><span class="" style="font-size: 14px; font-family: Microsoft Yahei; color: #666666"><a target="_blank" href="http://www.vvui.net/" id="k_0418065460EWUXZQ26K1" style="text-decoration: underline; font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(247, 0, 86); font-weight: bold" class="">www.vvui.net</a></span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666">​</span></div>
</div>
    </div>
    
<!--done-->
<div id="home">
<div id="header">
	<div id="blogTitle">
        <a id="lnkBlogLogo" href="https://www.cnblogs.com/kevinJhuang/"><img id="blogLogo" src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/logo.gif" alt="返回主页"></a>		
		
<!--done-->
<h1><a id="Header1_HeaderTitle" class="headermaintitle HeaderMainTitle" href="https://www.cnblogs.com/kevinJhuang/">Kevin-huang</a>
</h1>
<h2>

</h2>




		
	</div><!--end: blogTitle 博客的标题和副标题 -->
	<div id="navigator">
		
<ul id="navList">
<li><a id="blog_nav_sitehome" class="menu" href="https://www.cnblogs.com/">
博客园</a>
</li>
<li>
<a id="blog_nav_myhome" class="menu" href="https://www.cnblogs.com/kevinJhuang/">
首页</a>
</li>
<li>

<a id="blog_nav_newpost" class="menu" href="https://i.cnblogs.com/EditPosts.aspx?opt=1">
新随笔</a>
</li>
<li>
<a id="blog_nav_contact" class="menu" href="https://msg.cnblogs.com/send/Kevin-huang">
联系</a></li>
<li>
<a id="blog_nav_rss" class="menu" href="https://www.cnblogs.com/kevinJhuang/rss/">
订阅</a>
<!--<partial name="./Shared/_XmlLink.cshtml" model="Model" /></li>--></li>
<li>
<a id="blog_nav_admin" class="menu" href="https://i.cnblogs.com/">
管理</a>
</li>
</ul>


		<div class="blogStats">
			
			<span id="stats_post_count">随笔 - 
9&nbsp; </span>
<span id="stats_article_count">文章 - 
0&nbsp; </span>
<span id="stats-comment_count">评论 - 
61</span>

			
		</div><!--end: blogStats -->
	</div><!--end: navigator 博客导航栏 -->
</div><!--end: header 头部 -->

<div id="main">
	<div id="mainContent">
	<div class="forFlow">
		<div id="post_detail">
    <!--done-->
    <div id="topics">
        <div class="post">
            <h1 class="postTitle">
                
<a id="cb_post_title_url" class="postTitle2" href="https://www.cnblogs.com/kevinJhuang/p/10809120.html">Jquery会死吗？我为什么不用vue写富文本！</a>

            </h1>
            <div class="clear"></div>
            <div class="postBody">
                
<div id="cnblogs_post_body" class="blogpost-body ">
    <p><strong>一、事件背景：</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;我最近开源了一个个人耗时半年打造的富文本及一套适用于web后台的ui框架，在gitee上受到网友们的关注，部分网友对我采用jquery的技术栈提出了质疑。总结起来：无非是jquery已经落后，不久将死。甚至有少数网友很激进：非vue技术栈，你不应该加入我这个群，不管你做得多好。对应这个事情，首先我一般不反驳，因为我对vue，jquery有自己的应用场景度量。但是对于这种不分场景应用而盲目赶潮流的观点，我是持否定态度的。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;为此我想有必要通过这篇文章，说明一下：我为什么用jquery来写vue和web后端ui框架，而不用vue。在文章开始前，先贴一下我开源的富文本：</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;gitee：&nbsp;<a href="https://gitee.com/kevin-huang/Bui-Editor-public">https://gitee.com/kevin-huang/Bui-Editor-public</a></p>
<p>浮动文本/图片/视频功能</p>
<p><img src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/1070727-20190504153818288-1915700801.png" alt=""></p>
<p>&nbsp;绘制流程图功能</p>
<p><img src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/1070727-20190504153903193-1370474701.png" alt=""></p>
<p>&nbsp;移动设备模拟功能</p>
<p><img src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/1070727-20190504174008742-1623701971.png" alt=""></p>
<p>&nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;通过上述富文本的截图，可以大概了解到这个富文本的功能很丰富，许多功能可以说是全网富文本里面的only-one。这么复杂的应用对技术栈的选择很重要，良好适配的技术栈可以在设计上，编码上给开发者更大的自由度，同时可以避免很多繁杂的实现，提升代码质量，降低后期的维护，运营的成本。</p>
<p>&nbsp;</p>
<p><strong>二、我的观点：</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 1、vue技术栈适用于移动端应用开发，对于pc端web应用，vue技术栈并不见得优于传统技术栈(相对于vue来说是传统的)。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 2、jquery是目前dom操作的王者，除此无二，jquery和vue不可比较，他们各自擅长的场景不一样。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 3、复杂应用，原生JavaScript +&nbsp; jquery是比较好的技术栈组合，优于vue技术栈。</p>
<p>&nbsp;</p>
<p><strong>三、jquery、vue技术栈诞生背景，擅长场景说明</strong></p>
<p><strong>&nbsp; &nbsp; &nbsp;jquery：</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;诞生背景</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1、jquery诞生于2006年，它诞生的背景是浏览器的dom操作繁杂，各种浏览器api不统一。市场需要一个前端JavaScript库解决dom操作的痛点。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2、jquery诞生的年代，移动应用还在萌芽，它的设计实现都是面向pc端的，当时的前端技术范畴也还没有mvvm(数据驱动)的思想，它为操作dom而生。</p>
<p>　　　&nbsp; 擅长场景：</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dom操作为主的场景，如富文本，流程设计器，这些应用需要对dom进行大量的操作，jquery最合适不过。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 对于这种场景，vue的编程规范会造成设计实现上的束缚，其双向绑定在这里也是多余的，完全没有用武之地！&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;缺点：</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1、jquery没有mvvm思想，不能解决移动端带宽、性能的痛点。&nbsp; &nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2、jquery没法实现数据驱动开发，还需要开发者编写dom读写操作。&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p>
<p><strong>&nbsp; &nbsp; vue：</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;诞生背景</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1、vue的诞生之前，已经有了许多成熟的mvvm框架，如backbone、angular，他们都是在一些数据驱动的需求场景中得到很好的应用，但也并没有像vue被开发者如此着迷。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2、backbone、angular既然已经有了数据驱动的实现，为何没有像vue那样火呢，因为他们要么比较笨重，要么还没有解决移动端应用的痛点(带宽、性能)。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;3、vue可以说是为移动应用而生，轻量，其设计的虚拟dom解决移动设备频繁触发浏览器刷新而引起的性能/电量问题，其设计的单页打包(webpack)模式，解决了跳转需要网络请求的带宽痛点。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 擅长场景：</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1、数据驱动的双向绑定场景，特别是表单读写，可以说解放了表单读写对dom的操作编程。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2、移动应用场景，通过双向绑定，虚拟dom、webpack打包，解决移动端web应用的设备性能/电量、带宽痛点。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 缺点：</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1、采用数据驱动，没有灵活的dom操作，不适用于dom操作为主的应用场景。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2、在复杂应用中，大量的dom监听、data状态联动维护并不是一种好的机制。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;3、webpack打包方式解决了移动应用的痛点，但也带来了发布后，难以跟踪定位问题，没法即刻修改已经在线页面的缺点。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;4、学习成本相对传统技术栈高一些，对团队的前端知识要求也相对高一些。</p>
<p>&nbsp;</p>
<p><strong>四、vue应用场景说明</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pc端web应用场景</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1、pc端没有移动端性能、带宽的限制，采用vue技术栈，反而带来了开发环境繁杂、学习额外的非w3c规范的web知识、发布后难以定位跟踪问题、没法即刻修改在线页面这些缺点。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2、pc端的应用，大多是普通的表单开发应用，除此之外基本都是展示类型的页面，个人认为除了表单的双向绑定，监控类ui的数据联动，其他如ui表现/结构的编程采用vue有点多余。</p>
<p>　　　　</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;移动端应用场景</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;1、移动应用场景，对性能、带宽有要求，移动设备的特点也决定了其在问题跟踪定位，更新部署方面与pc端有差异。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;2、vue技术栈应用于移动应用场景具有天生的设计实现优势。</p>
<p>&nbsp;</p>
<p><strong>我的总结：</strong></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; 1、 pc端采用传统的ui技术栈，同时在传统的基础上引入轻量级mvvm方案解决表单读写开发编程，即优于vue技术栈。这也Bui会实现一个min-mvvm的初衷。</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; 2、移动端应用，毫无疑问，采用vue技术栈是王道。</p>
<p>&nbsp;</p>
<p>欢迎登陆我的demo网站，体验可能是全网最强大的富文本应用：</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;<a href="http://www.vvui.net/bui/">http://www.vvui.net/bui/</a>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="MySignature"></div>
<div class="clear"></div>
<div id="blog_post_info_block"><div id="BlogPostCategory">
    分类: 
            <a href="https://www.cnblogs.com/kevinJhuang/category/915035.html" target="_blank">JavaScript</a></div>


    <div id="blog_post_info">
<div id="green_channel">
        <a href="javascript:void(0);" id="green_channel_digg" onclick="DiggIt(10809120,cb_blogId,1);green_channel_success(this,&#39;谢谢推荐！&#39;);">好文要顶</a>
        <a id="green_channel_follow" onclick="follow(&#39;b3b61636-58b4-e611-845c-ac853d9f53ac&#39;);" href="javascript:void(0);">关注我</a>
    <a id="green_channel_favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);">收藏该文</a>
    <a id="green_channel_weibo" href="javascript:void(0);" title="分享至新浪微博" onclick="ShareToTsina()"><img src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/icon_weibo_24.png" alt=""></a>
    <a id="green_channel_wechat" href="javascript:void(0);" title="分享至微信" onclick="shareOnWechat()"><img src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/wechat.png" alt=""></a>
</div>
<div id="author_profile">
    <div id="author_profile_info" class="author_profile_info">
            <a href="https://home.cnblogs.com/u/kevinJhuang/" target="_blank"><img src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/20190512234350.png" class="author_avatar" alt=""></a>
        <div id="author_profile_detail" class="author_profile_info">
            <a href="https://home.cnblogs.com/u/kevinJhuang/">Kevin-huang</a><br>
            <a href="https://home.cnblogs.com/u/kevinJhuang/followees/">关注 - 1</a><br>
            <a href="https://home.cnblogs.com/u/kevinJhuang/followers/">粉丝 - 31</a>
        </div>
    </div>
    <div class="clear"></div>
    <div id="author_profile_honor"></div>
    <div id="author_profile_follow">
                <a href="javascript:void(0);" onclick="follow(&#39;b3b61636-58b4-e611-845c-ac853d9f53ac&#39;);return false;">+加关注</a>
    </div>
</div>
<div id="div_digg">
    <div class="diggit" onclick="votePost(10809120,&#39;Digg&#39;)">
        <span class="diggnum" id="digg_count">12</span>
    </div>
    <div class="buryit" onclick="votePost(10809120,&#39;Bury&#39;)">
        <span class="burynum" id="bury_count">0</span>
    </div>
    <div class="clear"></div>
    <div class="diggword" id="digg_tips">
    </div>
</div>

<script type="text/javascript">
    currentDiggType = 0;
</script></div>
    <div class="clear"></div>
    <div id="post_next_prev">

    <a href="https://www.cnblogs.com/kevinJhuang/p/6151799.html" class="p_n_p_prefix">« </a> 上一篇：    <a href="https://www.cnblogs.com/kevinJhuang/p/6151799.html" title="发布于 2016-12-09 22:28">JavaScript的因为所以</a>
    <br>
    <a href="https://www.cnblogs.com/kevinJhuang/p/10854313.html" class="p_n_p_prefix">» </a> 下一篇：    <a href="https://www.cnblogs.com/kevinJhuang/p/10854313.html" title="发布于 2019-05-13 09:18">【开源我写的富文本】打造全网最劲富文本系列之技术选型</a>

</div>
</div>
            </div>
            <div class="postDesc">posted @ 
<span id="post-date">2019-05-05 09:12</span>&nbsp;
<a href="https://www.cnblogs.com/kevinJhuang/">Kevin-huang</a>&nbsp;
阅读(<span id="post_view_count">3054</span>)&nbsp;
评论(<span id="post_comment_count">27</span>)&nbsp;
<a href="https://i.cnblogs.com/EditPosts.aspx?postid=10809120" rel="nofollow">编辑</a>&nbsp;
<a href="javascript:void(0)" onclick="AddToWz(10809120);return false;">收藏</a></div>
        </div>
	    
	    
    </div><!--end: topics 文章、评论容器-->
</div>
<script src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/highlight.min.js"></script>
<script>markdown_highlight();</script>
<script>
    var allowComments = true, cb_blogId = 319225, cb_blogApp = 'kevinJhuang', cb_blogUserGuid = 'b3b61636-58b4-e611-845c-ac853d9f53ac';
    var cb_entryId = 10809120, cb_entryCreatedDate = '2019-05-05 09:12', cb_postType = 1; 
    loadViewCount(cb_entryId);
</script><a name="!comments"></a>
<div id="blog-comments-placeholder">

<div id="comment_pager_top">
    
</div>

<br>
<div class="feedback_area_title">评论列表</div>
<div class="feedbackNoItems"><div class="feedbackNoItems"></div></div>	
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247180" class="layer">#1楼</a>
<a name="4247180" id="comment_anchor_4247180"></a>

 
<span class="comment_date">2019-05-05 09:19</span>

 

            <a id="a_comment_author_4247180" href="https://www.cnblogs.com/superstar/" target="_blank">superstar</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247180" class="blog_comment_body">
    做PC的也可以用vue结合的，像做修改页面，添加页面的绑定数据不是能用vue的，做分页列表用jquery就得了！
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247180, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247180, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247186" class="layer">#2楼</a>
<a name="4247186" id="comment_anchor_4247186"></a>

 
<span class="comment_date">2019-05-05 09:22</span>

 

            <a id="a_comment_author_4247186" href="https://www.cnblogs.com/wangsu/" target="_blank">riancy</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247186" class="blog_comment_body">
    非常棒
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247186, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247186, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247186_avatar" style="display:none">
            https://pic.cnblogs.com/face/u28404.jpg
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247193" class="layer">#3楼</a>
<a name="4247193" id="comment_anchor_4247193"></a>
[<span class="louzhu">楼主</span>]
 
<span class="comment_date">2019-05-05 09:24</span>

 

            <a id="a_comment_author_4247193" href="https://www.cnblogs.com/kevinJhuang/" target="_blank">Kevin-huang</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247193" class="blog_comment_body">
    <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247180" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,4247180);">@</a>
superstar<br>pc端没有移动端性能、带宽的限制，采用vue技术栈，反而带来了开发环境繁杂、学习额外的非w3c规范的web知识、发布后难以定位跟踪问题、没法即刻修改在线页面这些缺点。<br>这是我不太喜欢用vue技术栈做pc端页面的主要原因。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247193, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247193, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247193_avatar" style="display:none">
            https://pic.cnblogs.com/face/1070727/20190512234350.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247195" class="layer">#4楼</a>
<a name="4247195" id="comment_anchor_4247195"></a>

 
<span class="comment_date">2019-05-05 09:25</span>

 

            <a id="a_comment_author_4247195" href="https://www.cnblogs.com/humin/" target="_blank">幻天芒</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247195" class="blog_comment_body">
    合适的场景和合适的工具，挺你。唯工具论只是给自己设限，不用太过理会。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247195, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247195, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247195_avatar" style="display:none">
            https://pic.cnblogs.com/face/343299/20150320135757.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247216" class="layer">#5楼</a>
<a name="4247216" id="comment_anchor_4247216"></a>

 
<span class="comment_date">2019-05-05 09:37</span>

 

            <a id="a_comment_author_4247216" href="https://www.cnblogs.com/ZaraNet/" target="_blank">张子浩</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247216" class="blog_comment_body">
    支持大佬
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247216, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247216, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247216_avatar" style="display:none">
            https://pic.cnblogs.com/face/1366751/20191101154312.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247260" class="layer">#6楼</a>
<a name="4247260" id="comment_anchor_4247260"></a>

 
<span class="comment_date">2019-05-05 10:00</span>

 

            <a id="a_comment_author_4247260" href="https://www.cnblogs.com/oxspirt/" target="_blank">立志做一个好的程序员</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247260" class="blog_comment_body">
    jquery ,vue框架思想不一样
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247260, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247260, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247393" class="layer">#7楼</a>
<a name="4247393" id="comment_anchor_4247393"></a>

 
<span class="comment_date">2019-05-05 11:11</span>

 

            <a id="a_comment_author_4247393" href="https://www.cnblogs.com/silenttiger/" target="_blank">沉默的老虎</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247393" class="blog_comment_body">
    看了一下编辑器和 bui 框架的 demo，虽然没看源码，但如果这个真的是你自己从头写的，想必是费了相当大的功夫。富文本编辑器看起来一个很基础的功能，但里面的技术细节是相当复杂的。不得不佩服你！<br>不过我还是想冒昧提一个小建议，可以把 ui 设计得更漂亮一些，虽说审美这种事情每个人有每个人的喜好，但说真的，我感觉你这个界面的配色和交互让我有种回到 Windows XP 时代的感觉。<br>祝好~~
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247393, &#39;Digg&#39;, this.parentElement, false);">
                支持(1)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247393, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247393_avatar" style="display:none">
            https://pic.cnblogs.com/face/u450824.jpg?id=23123021
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247415" class="layer">#8楼</a>
<a name="4247415" id="comment_anchor_4247415"></a>

 
<span class="comment_date">2019-05-05 11:26</span>

 

            <a id="a_comment_author_4247415" href="https://www.cnblogs.com/mcj-jy/" target="_blank">猫出没</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247415" class="blog_comment_body">
    牛逼了，，确实牛逼了，就是看到了那个快速开发框架，后台都是JAVA的，，让我一个C#的，情何以堪~~~~~~
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247415, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247415, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247415_avatar" style="display:none">
            https://pic.cnblogs.com/face/549603/20160808164048.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247459" class="layer">#9楼</a>
<a name="4247459" id="comment_anchor_4247459"></a>

 
<span class="comment_date">2019-05-05 12:25</span>

 

            <a id="a_comment_author_4247459" href="https://www.cnblogs.com/niunan/" target="_blank">牛腩</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247459" class="blog_comment_body">
    支持支持。。。一直用kindeditor， 看看这个。。合适的话以后就用用。。。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247459, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247459, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247459_avatar" style="display:none">
            https://pic.cnblogs.com/face/u41249.jpg
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247494" class="layer">#10楼</a>
<a name="4247494" id="comment_anchor_4247494"></a>

 
<span class="comment_date">2019-05-05 13:13</span>

 

            <a id="a_comment_author_4247494" href="https://www.cnblogs.com/ksh-xy/" target="_blank">ksh.xy</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247494" class="blog_comment_body">
    赞同这样的观点，任何框架都有自己适用的场景。如同webform 在开发内部管理系统不注重性能的时候比MVC更适用，所以很多技术不存在过时一说
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247494, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247494, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247494_avatar" style="display:none">
            https://pic.cnblogs.com/face/121885/20181124233940.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247506" class="layer">#11楼</a>
<a name="4247506" id="comment_anchor_4247506"></a>

 
<span class="comment_date">2019-05-05 13:36</span>

 

            <a id="a_comment_author_4247506" href="https://www.cnblogs.com/Yita/" target="_blank">彩旗飘飘</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247506" class="blog_comment_body">
    vue=lj<br>曾经尝试过这玩意，每次改一点就得全新发布，还要搞模板，弄一大堆没用的东西
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247506, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247506, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247797" class="layer">#12楼</a>
<a name="4247797" id="comment_anchor_4247797"></a>

 
<span class="comment_date">2019-05-05 16:23</span>

 

            <a id="a_comment_author_4247797" href="https://www.cnblogs.com/qiuguochao/" target="_blank">【可乐不加冰】</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247797" class="blog_comment_body">
    功能很强大，赞一个！就是ui 感觉能在好看点就好了
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247797, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247797, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247797_avatar" style="display:none">
            https://pic.cnblogs.com/face/949091/20170304143201.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247841" class="layer">#13楼</a>
<a name="4247841" id="comment_anchor_4247841"></a>

 
<span class="comment_date">2019-05-05 16:57</span>

 

            <a id="a_comment_author_4247841" href="https://www.cnblogs.com/ocean-sky/" target="_blank">&lt;虎口脱险&gt;</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4247841" class="blog_comment_body">
    支持，不过UI方面建议还是要更现代化一些
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4247841, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4247841, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4247841_avatar" style="display:none">
            https://pic.cnblogs.com/face/1073968/20180509095020.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248066" class="layer">#14楼</a>
<a name="4248066" id="comment_anchor_4248066"></a>
[<span class="louzhu">楼主</span>]
 
<span class="comment_date">2019-05-05 21:25</span>

 

            <a id="a_comment_author_4248066" href="https://www.cnblogs.com/kevinJhuang/" target="_blank">Kevin-huang</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248066" class="blog_comment_body">
    <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247841" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,4247841);">@</a>
&lt;虎口脱险&gt;<br>谢谢支持，ui一直是我的痛点，也有计划改进，只是目前将时间放在正在开发的流程设计器。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248066, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248066, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4248066_avatar" style="display:none">
            https://pic.cnblogs.com/face/1070727/20190512234350.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248071" class="layer">#15楼</a>
<a name="4248071" id="comment_anchor_4248071"></a>
[<span class="louzhu">楼主</span>]
 
<span class="comment_date">2019-05-05 21:29</span>

 

            <a id="a_comment_author_4248071" href="https://www.cnblogs.com/kevinJhuang/" target="_blank">Kevin-huang</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248071" class="blog_comment_body">
    <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247393" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,4247393);">@</a>
沉默的老虎<br>谢谢你的建议。bui、bui-editor、bui-ssm是我开发的个开源项目，目前也正在开发流程设计器，基础版已经集成到富文本中。<br>上述项目采用的是jquery + snap.svg两个基础库，所有组件及功能都是在这两个基础库之上采用原生JavaScript实现。<br>关于ui，一直是我的痛点，加之目前重点还在功能开发，一时半会兼顾不来，不过都有认识目前的情况，也有计划美化改造ui。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248071, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248071, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4248071_avatar" style="display:none">
            https://pic.cnblogs.com/face/1070727/20190512234350.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248074" class="layer">#16楼</a>
<a name="4248074" id="comment_anchor_4248074"></a>
[<span class="louzhu">楼主</span>]
 
<span class="comment_date">2019-05-05 21:33</span>

 

            <a id="a_comment_author_4248074" href="https://www.cnblogs.com/kevinJhuang/" target="_blank">Kevin-huang</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248074" class="blog_comment_body">
    <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4247797" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,4247797);">@</a>
【可乐不加冰】<br>ui是我个人的痛点，有美化，主题包制作计划，只是目前时间放在了流程设计器开发上了
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248074, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248074, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4248074_avatar" style="display:none">
            https://pic.cnblogs.com/face/1070727/20190512234350.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248167" class="layer">#17楼</a>
<a name="4248167" id="comment_anchor_4248167"></a>

 
<span class="comment_date">2019-05-06 07:59</span>

 

            <a id="a_comment_author_4248167" href="https://www.cnblogs.com/miniknow/" target="_blank">普通男孩</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248167" class="blog_comment_body">
    用vue之类的框架,稍微改个css你就得重新打包,,对于必须在远程部署网速还不咋地的环境来说无敌繁琐,改一下你就得在客户端build一次,我的天啊.vue打包成cordova放在手机调试,源码都编译了,调试十分麻烦,根本找不到源码. 而且有的错误报的真的让你莫名其妙.<br>jquery不会用的人,大部分都是从java之类的转过来的,或者是刚入门的人,他们看到这些框架太多了,所以就鼓吹只学一个最新的,这样他们学习成本就少了.其实他们是为了自己的利益
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248167, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248167, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4248167_avatar" style="display:none">
            https://pic.cnblogs.com/face/94052/20170126130919.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248185" class="layer">#18楼</a>
<a name="4248185" id="comment_anchor_4248185"></a>

 
<span class="comment_date">2019-05-06 08:55</span>

 

            <a id="a_comment_author_4248185" href="https://www.cnblogs.com/dogzhang/" target="_blank">dogzhang</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248185" class="blog_comment_body">
    <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248167" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,4248167);">@</a>
普通男孩<br>vue也可以不编译的，直接引用vue.js就可以了
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248185, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248185, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248341" class="layer">#19楼</a>
<a name="4248341" id="comment_anchor_4248341"></a>

 
<span class="comment_date">2019-05-06 10:32</span>

 

            <a id="a_comment_author_4248341" href="https://www.cnblogs.com/new-start/" target="_blank">Optimus_Prime</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248341" class="blog_comment_body">
    vue 除了实现 mvvm 模式之外，还有一个重要的好处是组件化。这个在复杂的 UI 编程中，如果用 jQuery 直接操作 dom 的写法不太容易做到的。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248341, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248341, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248489" class="layer">#20楼</a>
<a name="4248489" id="comment_anchor_4248489"></a>

 
<span class="comment_date">2019-05-06 12:16</span>

 

            <a id="a_comment_author_4248489" href="https://www.cnblogs.com/FanAspx/" target="_blank">Fan丶</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248489" class="blog_comment_body">
    jQuery  4.0版本说是要大改，不知道是不是要有新的模式
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248489, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248489, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4248489_avatar" style="display:none">
            https://pic.cnblogs.com/face/131790/20130620131521.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248738" class="layer">#21楼</a>
<a name="4248738" id="comment_anchor_4248738"></a>

 
<span class="comment_date">2019-05-06 15:55</span>

 

            <a id="a_comment_author_4248738" href="https://www.cnblogs.com/edidu/" target="_blank">灯火阑珊²ºº7</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248738" class="blog_comment_body">
    赞同，每个技术栈都有自己最佳的适用场景，如果一味的追求流行，死板硬套，这是能力问题，不是态度问题了。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248738, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248738, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4248738_avatar" style="display:none">
            https://pic.cnblogs.com/face/u23502.jpg
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248918" class="layer">#22楼</a>
<a name="4248918" id="comment_anchor_4248918"></a>

 
<span class="comment_date">2019-05-06 17:45</span>

 

            <a id="a_comment_author_4248918" href="https://www.cnblogs.com/weapon/" target="_blank">Adming</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4248918" class="blog_comment_body">
    啥  jquery还有4.0
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4248918, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4248918, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4249133" class="layer">#23楼</a>
<a name="4249133" id="comment_anchor_4249133"></a>
[<span class="louzhu">楼主</span>]
 
<span class="comment_date">2019-05-06 22:51</span>

 

            <a id="a_comment_author_4249133" href="https://www.cnblogs.com/kevinJhuang/" target="_blank">Kevin-huang</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4249133" class="blog_comment_body">
    <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4248341" title="查看所回复的评论" onclick="commentManager.renderComments(0,50,4248341);">@</a>
Optimus_Prime<br>我的用法是：利用原生js面向对象的技术实现来做组件化，组件内部的dom操作利用jquery。利用这个搭配，我做bui-editor、bui-flow这样复杂的东西信心满满，如果让我选择vue技术栈来做这两个产品，内心是直接崩溃的。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4249133, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4249133, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4249133_avatar" style="display:none">
            https://pic.cnblogs.com/face/1070727/20190512234350.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4249171" class="layer">#24楼</a>
<a name="4249171" id="comment_anchor_4249171"></a>

 
<span class="comment_date">2019-05-07 00:26</span>

 

            <a id="a_comment_author_4249171" href="https://www.cnblogs.com/caianhua/" target="_blank">海尔卡特</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4249171" class="blog_comment_body">
    准备抛弃Vue改用Angular
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4249171, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4249171, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4249171_avatar" style="display:none">
            https://pic.cnblogs.com/face/545403/20130802104938.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4249231" class="layer">#25楼</a>
<a name="4249231" id="comment_anchor_4249231"></a>

 
<span class="comment_date">2019-05-07 08:47</span>

 

            <a id="a_comment_author_4249231" href="https://www.cnblogs.com/tulpen/" target="_blank">昨日的世界</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4249231" class="blog_comment_body">
    我用熟了jquery，只能对vue说一句，垃圾！
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4249231, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4249231, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4249231_avatar" style="display:none">
            https://pic.cnblogs.com/face/776612/20180408162248.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4249252" class="layer">#26楼</a>
<a name="4249252" id="comment_anchor_4249252"></a>

 
<span class="comment_date">2019-05-07 09:09</span>

 

            <a id="a_comment_author_4249252" href="https://www.cnblogs.com/zhidan/" target="_blank">zhidan</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4249252" class="blog_comment_body">
    我拿起jq就是干
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4249252, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4249252, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        <span id="comment_4249252_avatar" style="display:none">
            https://pic.cnblogs.com/face/478748/20140814135509.png
        </span>

			</div>
		</div>
		<div class="feedbackItem">
			<div class="feedbackListSubtitle">
				<div class="feedbackManage">
					&nbsp;&nbsp;

<span class="comment_actions">
    
    
    
    
</span>


				</div>
				
<a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#4249266" class="layer">#27楼</a>
<a name="4249266" id="comment_anchor_4249266"></a>

        <span id="comment-maxId" style="display:none">4249266</span>
        <span id="comment-maxDate" style="display:none">2019/5/7 上午9:19:08</span>
 
<span class="comment_date">2019-05-07 09:19</span>

 

            <a id="a_comment_author_4249266" href="https://www.cnblogs.com/cnlmgsoft/" target="_blank">民工也Coding</a>

			</div>
			<div class="feedbackCon">
				
<div id="comment_body_4249266" class="blog_comment_body">
    不懂 帮顶。。。
</div>
        <div class="comment_vote">
            <span class="comment_error" style="color: red"></span>
            <a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(4249266, &#39;Digg&#39;, this.parentElement, false);">
                支持(0)
            </a>
            <a href="javascript:void(0);" class="comment_burry" onclick="return voteComment(4249266, &#39;Bury&#39;, this.parentElement, false);">
                反对(0)
            </a>
        </div>
        

			</div>
		</div>

<div id="comment_pager_bottom">
    
</div>


</div>
<script>
    var commentManager = new blogCommentManager();
    commentManager.renderComments(0);
</script>

<div id="comment_form" class="commentform">
    <a name="commentform"></a>
    <div id="divCommentShow"></div>
    <div id="comment_nav"><span id="span_refresh_tips"></span><a href="javascript:void(0);" onclick="return RefreshCommentList();" id="lnk_RefreshComments" runat="server" clientidmode="Static">刷新评论</a><a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#" onclick="return RefreshPage();">刷新页面</a><a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html#top">返回顶部</a></div>
    <div id="comment_form_container"><div class="login_tips">
    注册用户登录后才能发表评论，请 
    <a rel="nofollow" href="javascript:void(0);" class="underline" onclick="return login(&#39;commentform&#39;);">登录</a>
     或 
    <a rel="nofollow" href="javascript:void(0);" class="underline" onclick="return register();">注册</a>，
    <a href="https://www.cnblogs.com/">访问</a> 网站首页。
</div></div>
    <div class="ad_text_commentbox" id="ad_text_under_commentbox"></div>
    <div id="ad_t2"><a href="http://www.ucancode.com/index.htm" target="_blank" onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;Link&#39;, &#39;click&#39;, &#39;T2-ucancode&#39;)">【推荐】超50万行VC++源码: 大型组态工控、电力仿真CAD与GIS源码库</a><br><a href="https://cloud.tencent.com/act/developer?fromSource=gwzcw.3196333.3196333.3196333&amp;utm_medium=cpc&amp;utm_id=gwzcw.3196333.3196333.3196333" target="_blank" onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;Link&#39;, &#39;click&#39;, &#39;T2-腾讯云&#39;)">【推荐】开发者上云福利，腾讯云1核4G云服务器11元/月起</a><br><a href="https://cloud.baidu.com/campaign/Annualceremony-2020/index.html?track=cp:dsp|pf:pc|pp:chui-bokeyuan-huodong-20niandushengdian-BCC-cpaxingshi-20200107|pu:cpa-xingshi|ci:2020ndsd|kw:2185443" target="_blank" onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;Link&#39;, &#39;click&#39;, &#39;T2-百度云&#39;)">【推荐】开年盛典，百度智能云1核1G云服务器84元/年</a><br></div>
    <div id="opt_under_post"></div>
    <script async="async" src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/gpt.js"></script>
    <script>
        var googletag = googletag || {};
        googletag.cmd = googletag.cmd || [];
    </script>
    <script>
        googletag.cmd.push(function () {
            googletag.defineSlot("/1090369/C1", [300, 250], "div-gpt-ad-1546353474406-0").addService(googletag.pubads());
            googletag.defineSlot("/1090369/C2", [468, 60], "div-gpt-ad-1539008685004-0").addService(googletag.pubads());
            googletag.pubads().enableSingleRequest();
            googletag.enableServices();
        });
    </script>
    <div id="cnblogs_c1" class="c_ad_block">
        <div id="div-gpt-ad-1546353474406-0" style="height:250px; width:300px;" data-google-query-id="CL-w-dK4wucCFcWXlgodTM4CtQ"><div id="google_ads_iframe_/1090369/C1_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/1090369/C1_0" title="3rd party ad content" name="google_ads_iframe_/1090369/C1_0" width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" style="border: 0px; vertical-align: bottom;" data-google-container-id="1" data-load-complete="true" src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/saved_resource.html"></iframe></div></div>
    </div>
    <div id="under_post_news"><div class="recomm-block"><b>相关博文：</b><br>·  <a title="【开源我写的富文本】打造全网最劲富文本系列之技术选型" href="https://www.cnblogs.com/kevinJhuang/p/10854313.html" target="_blank" onclick="clickRecomItmem(10854313)">【开源我写的富文本】打造全网最劲富文本系列之技术选型</a><br>·  <a title="从javascript发展说到vue" href="https://www.cnblogs.com/imnzq/p/7228583.html" target="_blank" onclick="clickRecomItmem(7228583)">从javascript发展说到vue</a><br>·  <a title="【开源我写的富文本】打造全网最劲富文本系列之大话技术难点与特色设计。" href="https://www.cnblogs.com/kevinJhuang/p/10896808.html" target="_blank" onclick="clickRecomItmem(10896808)">【开源我写的富文本】打造全网最劲富文本系列之大话技术难点与特色设计。</a><br>·  <a title="Vue.js学习笔记第1章初识Vue.js" href="https://www.cnblogs.com/geeksss/p/10767680.html" target="_blank" onclick="clickRecomItmem(10767680)">Vue.js学习笔记第1章初识Vue.js</a><br>·  <a title="了解Vue.js" href="https://www.cnblogs.com/qingshanyici/p/10704642.html" target="_blank" onclick="clickRecomItmem(10704642)">了解Vue.js</a><br>»  <a target="_blank" href="https://recomm.cnblogs.com/blogpost/10809120">更多推荐...</a><div id="cnblogs_t5"><a href="https://developer.aliyun.com/topic/feiyan2020?utm_content=g_1000102348" target="_blank" onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;Link&#39;, &#39;click&#39;, &#39;T5-阿里云-疫情公益专题&#39;)">疫情期间如何高效工作？阿里巴巴为你提供办公工具和资源！</a></div></div></div>
    <div id="cnblogs_c2" class="c_ad_block">
        <div id="div-gpt-ad-1539008685004-0" style="height:60px; width:468px;" data-google-query-id="CMCw-dK4wucCFcWXlgodTM4CtQ">
            
        <div id="google_ads_iframe_/1090369/C2_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/1090369/C2_0" title="3rd party ad content" name="google_ads_iframe_/1090369/C2_0" width="468" height="60" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" style="border: 0px; vertical-align: bottom;" data-google-container-id="2" data-load-complete="true" src="./Jquery会死吗？我为什么不用vue写富文本！ - Kevin-huang - 博客园_files/saved_resource(1).html"></iframe></div></div>
    </div>
    <div id="under_post_kb">
<div class="itnews c_ad_block">
    <b>最新 IT 新闻</b>:
    <br>
 ·              <a href="https://news.cnblogs.com/n/655550/" target="_blank">欧洲航天局将发射太阳轨道探测器：或揭开太阳神秘面纱</a>
            <br>
 ·              <a href="https://news.cnblogs.com/n/655549/" target="_blank">天玑1000助力！联发科发布2019财年财报：数据亮眼</a>
            <br>
 ·              <a href="https://news.cnblogs.com/n/655548/" target="_blank">沉默的第二条X染色体</a>
            <br>
 ·              <a href="https://news.cnblogs.com/n/655547/" target="_blank">小米10即将发布 核心供应链都怎么说？</a>
            <br>
 ·              <a href="https://news.cnblogs.com/n/655546/" target="_blank">29999元！AMD 64核心线程撕裂者3990X正式上市</a>
            <br>
    » <a href="https://news.cnblogs.com/" title="IT 新闻" target="_blank">更多新闻...</a>
</div></div>
    <div id="HistoryToday" class="c_ad_block"></div>
    <script type="text/javascript">
        fixPostBody();
setTimeout(function() { incrementViewCount(cb_entryId); }, 50);        deliverAdT2();
        deliverAdC1();
        deliverAdC2();
        loadNewsAndKb();
        loadBlogSignature();
LoadPostCategoriesTags(cb_blogId, cb_entryId);        LoadPostInfoBlock(cb_blogId, cb_entryId, cb_blogApp, cb_blogUserGuid);
        GetPrevNextPost(cb_entryId, cb_blogId, cb_entryCreatedDate, cb_postType);
        loadOptUnderPost();
        GetHistoryToday(cb_blogId, cb_blogApp, cb_entryCreatedDate);
    </script>
</div>
	</div><!--end: forFlow -->
	</div><!--end: mainContent 主体内容容器-->

	<div id="sideBar">
		<div id="sideBarMain">
			
<div id="sidebar_news" class="newsItem"><!--done-->
<h3 class="catListTitle">公告</h3>

<div id="blog-news">
    <div id="k_0917175594DNFV1ZEB1M" class="_section_div_" style="line-height: 25.2px; font-size: 14px; padding: 0px; border: none; background-color: rgba(0, 0, 0, 0); margin: 0px; text-align: left; cursor: text; width: auto; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px"><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(108, 117, 125); background-color: rgb(255, 255, 255); font-weight: 700; font-style: normal; text-decoration: none solid rgb(102, 102, 102); vertical-align: baseline" id="k_0417574597FZTCPANTRO" class="">gitee：</span></div>
<div id="k_0417574314NJDI8W6NZM" style="padding: 0px; margin: 0px; font-size: 14px; line-height: 25.2px; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px; width: auto; text-align: left; background-color: rgba(0, 0, 0, 0)" class="_section_div_"><span id="k_0417574315ZD89WXQZ69" style="font-size: 14px; color: rgb(24, 3, 255); background-color: rgb(255, 255, 255)" class="">​</span><span style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(24, 3, 255); background-color: rgb(255, 255, 255)" id="k_0417574315QL9EA5FK2L" class=""><a target="_blank" href="https://gitee.com/kevin-huang" id="k_041802026571EN698FRZ" style="text-decoration: underline; font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(24, 3, 255); background-color: rgb(255, 255, 255)">https://gitee.com/kevin-huang</a></span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666; background-color: #ffffff" id="k_041802026618VAKY5KXC">​</span></div>
<div id="k_0417574316Z1ATLHVE74" style="padding: 0px; margin: 0px; font-size: 14px; line-height: 25.2px; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px; width: auto; text-align: left; background-color: rgba(0, 0, 0, 0)" class="_section_div_"><span class="" style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); font-weight: bold" id="k_0417575232R3ZORCZDFG">个人网站：</span></div>
<div id="k_0417574317MOO8E7DQG1" style="padding: 0px; margin: 0px; font-size: 14px; line-height: 25.2px; color: rgb(102, 102, 102); font-style: normal; font-weight: 400; text-indent: 0px; width: auto; text-align: left; background-color: rgba(0, 0, 0, 0)" class="_section_div_"><span class="" style="font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(24, 3, 255); background-color: rgb(255, 255, 255)" id="k_0417580543DCRA17UVTC"><a target="_blank" href="http://www.vvui.net/" id="k_0418001836LP453XG5EJ" style="text-decoration: underline; font-size: 14px; font-family: &quot;Microsoft Yahei&quot;; color: rgb(24, 3, 255); background-color: rgb(255, 255, 255)">www.vvui.net</a></span><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666; background-color: #ffffff" id="k_0418001837Y5TCKRG78E">​</span></div>
<div id="k_0417574319DBJJEJQOP4" class="_section_div_" style="line-height: 25.2px; font-size: 14px; padding-top: 0px; padding-bottom: 0px; cursor: text; margin-left: 0px; width: auto; text-align: left; background-color: rgba(0, 0, 0, 0)"><span style="font-size: 14px; font-family: Microsoft Yahei; color: #666666; background-color: #ffffff" id="k_0417574319J3QL91NFDW">​</span></div>
    <div id="profile_block">
        昵称：
        <a href="https://home.cnblogs.com/u/kevinJhuang/">
            Kevin-huang
        </a>
        <br>
        园龄：
        <a href="https://home.cnblogs.com/u/kevinJhuang/" title="入园时间：2016-11-27">
            3年2个月
        </a>
        <br>
        粉丝：
        <a href="https://home.cnblogs.com/u/kevinJhuang/followers/">
            31
        </a>
        <br>
        关注：
        <a href="https://home.cnblogs.com/u/kevinJhuang/followees/">
            1
        </a>
        <div id="p_b_follow">
<a href="javascript:void(0)" onclick="follow(&#39;b3b61636-58b4-e611-845c-ac853d9f53ac&#39;)">+加关注</a></div>
        <script>getFollowStatus('b3b61636-58b4-e611-845c-ac853d9f53ac');</script>
    </div>
</div>

</div>

			<div id="blog-calendar" style="">

<table id="blogCalendar" class="Cal" cellspacing="0" cellpadding="0" title="Calendar" border="0">
    <tbody>
        <tr>
            <td colspan="7">
                <table class="CalTitle" cellspacing="0" border="0">
                    <tbody>
                        <tr>
                            <td class="CalNextPrev">
                                <a href="javascript:void(0);" onclick="loadBlogCalendar(&#39;2020/01/09&#39;); return false;">&lt;</a>
                            </td>
                            <td align="center">2020年2月</td>
                            <td align="right" class="CalNextPrev">
                                <a href="javascript:void(0);" onclick="loadBlogCalendar(&#39;2020/03/09&#39;); return false;">&gt;</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
                    <th class="CalDayHeader" align="center" abbr="日" scope="col">日</th>
                    <th class="CalDayHeader" align="center" abbr="一" scope="col">一</th>
                    <th class="CalDayHeader" align="center" abbr="二" scope="col">二</th>
                    <th class="CalDayHeader" align="center" abbr="三" scope="col">三</th>
                    <th class="CalDayHeader" align="center" abbr="四" scope="col">四</th>
                    <th class="CalDayHeader" align="center" abbr="五" scope="col">五</th>
                    <th class="CalDayHeader" align="center" abbr="六" scope="col">六</th>
        </tr>
            <tr>
                            <td class="CalOtherMonthDay" align="center">26</td>
                            <td class="CalOtherMonthDay" align="center">27</td>
                            <td class="CalOtherMonthDay" align="center">28</td>
                            <td class="CalOtherMonthDay" align="center">29</td>
                            <td class="CalOtherMonthDay" align="center">30</td>
                            <td class="CalOtherMonthDay" align="center">31</td>
                    <td class="CalWeekendDay" align="center">
                        1
                    </td>
            </tr>
                <tr>
                        <td class="CalWeekendDay" align="center">
                            2
                        </td>
                            <td class="" align="center">
                                3
                            </td>
                            <td class="" align="center">
                                4
                            </td>
                            <td class="" align="center">
                                5
                            </td>
                            <td class="" align="center">
                                6
                            </td>
                            <td class="" align="center">
                                7
                            </td>
                        <td class="CalWeekendDay" align="center">
                            8
                        </td>
                </tr>
                <tr>
                        <td class="CalTodayDay" align="center">
                            9
                        </td>
                            <td class="" align="center">
                                10
                            </td>
                            <td class="" align="center">
                                11
                            </td>
                            <td class="" align="center">
                                12
                            </td>
                            <td class="" align="center">
                                13
                            </td>
                            <td class="" align="center">
                                14
                            </td>
                        <td class="CalWeekendDay" align="center">
                            15
                        </td>
                </tr>
                <tr>
                        <td class="CalWeekendDay" align="center">
                            16
                        </td>
                            <td class="" align="center">
                                17
                            </td>
                            <td class="" align="center">
                                18
                            </td>
                            <td class="" align="center">
                                19
                            </td>
                            <td class="" align="center">
                                20
                            </td>
                            <td class="" align="center">
                                21
                            </td>
                        <td class="CalWeekendDay" align="center">
                            22
                        </td>
                </tr>
                <tr>
                        <td class="CalWeekendDay" align="center">
                            23
                        </td>
                            <td class="" align="center">
                                24
                            </td>
                            <td class="" align="center">
                                25
                            </td>
                            <td class="" align="center">
                                26
                            </td>
                            <td class="" align="center">
                                27
                            </td>
                            <td class="" align="center">
                                28
                            </td>
                        <td class="CalWeekendDay" align="center">
                            29
                        </td>
                </tr>
                <tr>
                        <td class="CalOtherMonthDay" align="center">
                            1
                        </td>
                            <td class="CalOtherMonthDay" align="center">
                                2
                            </td>
                            <td class="CalOtherMonthDay" align="center">
                                3
                            </td>
                            <td class="CalOtherMonthDay" align="center">
                                4
                            </td>
                            <td class="CalOtherMonthDay" align="center">
                                5
                            </td>
                            <td class="CalOtherMonthDay" align="center">
                                6
                            </td>
                        <td class="CalOtherMonthDay" align="center">
                            7
                        </td>
                </tr>
    </tbody>
</table></div><script>loadBlogDefaultCalendar();</script>
			
			<div id="leftcontentcontainer">
				<div id="blog-sidecolumn">
<!-- 搜索 -->
<div id="sidebar_search" class="sidebar-block">
    <div id="sidebar_search" class="mySearch">
        <h3 class="catListTitle">搜索</h3>
        <div id="sidebar_search_box">
            <div id="widget_my_zzk" class="div_my_zzk">
                <input type="text" id="q" onkeydown="return zzk_go_enter(event);" class="input_my_zzk">&nbsp;<input onclick="zzk_go()" type="button" value="找找看" id="btnZzk" class="btn_my_zzk">
            </div>
            <div id="widget_my_google" class="div_my_zzk">
                <input type="text" name="google_q" id="google_q" onkeydown="return google_go_enter(event);" class="input_my_zzk">&nbsp;<input onclick="google_go()" type="button" value="谷歌搜索" class="btn_my_zzk">
            </div>
        </div>
    </div>
</div>

<!-- 常用链接 -->
<div id="sidebar_shortcut" class="sidebar-block">
    <div class="catListLink">
<h3 class="catListTitle">
常用链接
</h3>
<ul>
		<li>

<a href="https://www.cnblogs.com/kevinJhuang/p/" title="我的博客的随笔列表">我的随笔</a>
</li>
		<li>

<a href="https://www.cnblogs.com/kevinJhuang/MyComments.html" title="我的发表过的评论列表">我的评论</a>
</li>
		<li>

<a href="https://www.cnblogs.com/kevinJhuang/OtherPosts.html" title="我评论过的随笔列表">我的参与</a>
</li>
		<li>

<a href="https://www.cnblogs.com/kevinJhuang/RecentComments.html" title="我的博客的评论列表">最新评论</a>
</li>
		<li>

<a href="https://www.cnblogs.com/kevinJhuang/tag/" title="我的博客的标签列表">我的标签</a>
</li>

</ul>
<div id="itemListLin_con" style="display:none;">
<ul>

</ul>
</div>
</div>


</div>

<!-- 最新随笔 -->



<!-- 我的标签 -->
<div id="sidebar_toptags" class="sidebar-block">
    <div class="catListTag">
<h3 class="catListTitle">我的标签</h3>
<ul>

        <li>
            <a href="https://www.cnblogs.com/kevinJhuang/tag/JavaScript/">JavaScript</a>(5)
        </li>

</ul>
</div>


</div>

<!-- 积分与排名 -->


<!-- 随笔分类、随笔档案、文章分类、新闻分类、相册、链接 -->
<div id="sidebar_categories">
    
        <div id="sidebar_postcategory" class="catListPostCategory sidebar-block">
            <h3 class="catListTitle">
                

随笔分类



            </h3>


            <ul>

                        <li>
                            
<a href="https://www.cnblogs.com/kevinJhuang/category/915035.html" rel="" target="">
    JavaScript(6)
</a>
 

                        </li>
                        <li>
                            
<a href="https://www.cnblogs.com/kevinJhuang/category/1457181.html" rel="" target="">
    富文本(3)
</a>
 

                        </li>

            </ul>


        </div>
        <div id="sidebar_postarchive" class="catListPostArchive sidebar-block">
            <h3 class="catListTitle">
                

随笔档案



            </h3>


            <ul>

                        <li>
                            
<a href="https://www.cnblogs.com/kevinJhuang/archive/2019/05.html" rel="" target="">
    2019年5月(4)
</a>
 

                        </li>
                        <li>
                            
<a href="https://www.cnblogs.com/kevinJhuang/archive/2016/12.html" rel="" target="">
    2016年12月(3)
</a>
 

                        </li>
                        <li>
                            
<a href="https://www.cnblogs.com/kevinJhuang/archive/2016/11.html" rel="" target="">
    2016年11月(2)
</a>
 

                        </li>

            </ul>


        </div>

</div>

<!-- 最新评论 -->
<div id="sidebar_recentcomments" class="sidebar-block">
    <div class="catListComment">
<h3 class="catListTitle">最新评论</h3>

	<div class="RecentCommentBlock">
        <ul>
                    <li class="recent_comment_title"><a href="https://www.cnblogs.com/kevinJhuang/p/10946842.html#4268648">1. Re:【开源我写的富文本】打造全网最劲富文本技术选型之经典OOP仍是魅力硬核。</a></li>
                    <li class="recent_comment_body">不支持图片粘贴上传吗？要是像</li>
                    <li class="recent_comment_author">--正在缓冲</li>
                    <li class="recent_comment_title"><a href="https://www.cnblogs.com/kevinJhuang/p/10946842.html#4268630">2. Re:【开源我写的富文本】打造全网最劲富文本技术选型之经典OOP仍是魅力硬核。</a></li>
                    <li class="recent_comment_body">可以的，再写个ARM解救下华为吧</li>
                    <li class="recent_comment_author">--百世经伦一页书</li>
                    <li class="recent_comment_title"><a href="https://www.cnblogs.com/kevinJhuang/p/10946842.html#4268548">3. Re:【开源我写的富文本】打造全网最劲富文本技术选型之经典OOP仍是魅力硬核。</a></li>
                    <li class="recent_comment_body">不错支持！！</li>
                    <li class="recent_comment_author">--鱼东东</li>
                    <li class="recent_comment_title"><a href="https://www.cnblogs.com/kevinJhuang/p/10946842.html#4268517">4. Re:【开源我写的富文本】打造全网最劲富文本技术选型之经典OOP仍是魅力硬核。</a></li>
                    <li class="recent_comment_body">mark 持续关注楼主</li>
                    <li class="recent_comment_author">--其实我不笨</li>
                    <li class="recent_comment_title"><a href="https://www.cnblogs.com/kevinJhuang/p/10896808.html#4262279">5. Re:【开源我写的富文本】打造全网最劲富文本系列之大话技术难点与特色设计。</a></li>
                    <li class="recent_comment_body">@ 高海东svg技术，利用snap.svg库...</li>
                    <li class="recent_comment_author">--Kevin-huang</li>
        </ul>
    </div>
</div>


</div>



<!-- 阅读排行榜 -->
<div id="sidebar_topviewedposts" class="sidebar-block">
    <div class="catListView">
<h3 class="catListTitle">阅读排行榜</h3>
	<div id="TopViewPostsBlock">
        <ul style="word-break:break-all">
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html">
                            1. Jquery会死吗？我为什么不用vue写富文本！(3054)
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/10854313.html">
                            2. 【开源我写的富文本】打造全网最劲富文本系列之技术选型(1383)
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/10946842.html">
                            3. 【开源我写的富文本】打造全网最劲富文本技术选型之经典OOP仍是魅力硬核。(1303)
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/6106307.html">
                            4. JavaScript的前世今生(1037)
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/6124040.html">
                            5. JavaScript谁动了你的代码(815)
                        </a>
                    </li>
        </ul>
    </div>
</div>


</div>

<!-- 评论排行榜 -->
<div id="sidebar_topcommentedposts" class="sidebar-block">
    <div class="catListFeedback">
<h3 class="catListTitle">评论排行榜</h3>
	<div id="TopFeedbackPostsBlock">
        <ul style="word-break:break-all">
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html">
                            1. Jquery会死吗？我为什么不用vue写富文本！(27)
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/6124040.html">
                            2. JavaScript谁动了你的代码(12)
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/10896808.html">
                            3. 【开源我写的富文本】打造全网最劲富文本系列之大话技术难点与特色设计。(6)
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/10854313.html">
                            4. 【开源我写的富文本】打造全网最劲富文本系列之技术选型(5)
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cnblogs.com/kevinJhuang/p/10946842.html">
                            5. 【开源我写的富文本】打造全网最劲富文本技术选型之经典OOP仍是魅力硬核。(4)
                        </a>
                    </li>
        </ul>
    </div>
</div>


</div>

<!-- 推荐排行榜 -->
<div id="sidebar_topdiggedposts" class="sidebar-block">
    
<div id="topdigg_posts_wrap">
    <div class="catListView">
        <h3 class="catListTitle">推荐排行榜</h3>
        <div id="TopDiggPostsBlock">
            <ul style="word-break: break-all">
                        <li>
                            <a href="https://www.cnblogs.com/kevinJhuang/p/10946842.html">
                                1. 【开源我写的富文本】打造全网最劲富文本技术选型之经典OOP仍是魅力硬核。(13)
                            </a>
                        </li>
                        <li>
                            <a href="https://www.cnblogs.com/kevinJhuang/p/10809120.html">
                                2. Jquery会死吗？我为什么不用vue写富文本！(12)
                            </a>
                        </li>
                        <li>
                            <a href="https://www.cnblogs.com/kevinJhuang/p/10854313.html">
                                3. 【开源我写的富文本】打造全网最劲富文本系列之技术选型(9)
                            </a>
                        </li>
                        <li>
                            <a href="https://www.cnblogs.com/kevinJhuang/p/10896808.html">
                                4. 【开源我写的富文本】打造全网最劲富文本系列之大话技术难点与特色设计。(7)
                            </a>
                        </li>
                        <li>
                            <a href="https://www.cnblogs.com/kevinJhuang/p/6124040.html">
                                5. JavaScript谁动了你的代码(6)
                            </a>
                        </li>
            </ul>
        </div>
    </div>
</div>
</div></div>
                    <script>loadBlogSideColumn();</script>
			</div>
			
		</div><!--end: sideBarMain -->
	</div><!--end: sideBar 侧边栏容器 -->
	<div class="clear"></div>
	</div><!--end: main -->
	<div class="clear"></div>
	<div id="footer">
		<!--done-->
Copyright © 2020 Kevin-huang
<br><span id="poweredby">Powered by .NET Core 3.1.1 on Linux</span>



	</div><!--end: footer -->
</div><!--end: home 自定义的最大容器 -->


    

</body></html>